<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta content="telephone=no" name="format-detection" />
    <title>Document</title>

    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/style.css">

    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/html5.js"></script>
    <script src="js/placeholder.js"></script>
    <!--[if IE]>
<script>
    (function(){if(!/*@cc_on!@*/0)return;var e = "abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,hgroup,main,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i])}})()
</script>
<![endif]-->
    <!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="css/html5.css">
<![endif]-->
    <!--[if lt IE 9]>
    <script src="js/css3-mediaqueries.js"></script>
<![endif]-->
    <script>
        var browser = navigator.appName
        var b_version = navigator.appVersion
        var version = b_version.split(";");
        var trim_Version = version[1].replace(/[ ]/g, "");
        if (browser == "Microsoft Internet Explorer" && trim_Version == "MSIE6.0") { alert("Your browser version is too low, and some features may not be displayed! Please upgrade your browser or use another browser!"); }
        else if (browser == "Microsoft Internet Explorer" && trim_Version == "MSIE7.0") { alert("Your browser version is too low, and some features may not be displayed! Please upgrade your browser or use another browser!"); }
    </script>
</head>

<body>
    <div class="content-box">
        <div class="content-top">
            <div class="fl">
                <a href=""><img src="./images/logo.PNG"/></a>
            </div>
            <img class="menu-btn" src="./images/menu-logo.PNG"/>
            <div class="fr">
                <img class="top-home" src="./images/top-home.PNG"/>
                <div class="top-news">
                    <img src="./images/top-news.PNG"/>
                    <span></span>
                </div>
                <div class="top-account">
                    <img src="./images/top-account.png"/>
                    <span class="name">UserName</span>
                    <img src="./images/icon_dropdown.png"/>
                    <ul>
                        <li><a>修改密码</a></li>
                        <li><a>角色管理</a></li>
                        <li><a>管理员管理</a></li>
                    </ul>
                    <ul class="flow-right">
                        <li><a>修改密码</a></li>
                        <li><a>角色管理</a></li>
                        <li><a>管理员管理</a></li>
                    </ul>
                </div>
                <img class="top-btn" src="./images/top-btn.PNG"/>
            </div>
        </div>
        <!-- active 为当前选中 -->
        <div class="content-menu">
            <ul class="menu-list">
                <li class="item1 active">
                    <a>首页</a>
                </li>
                <li class="item2">
                    <a>订单</a>
                    <ul class="menu2">
                        <li><a>menu2</a></li>
                        <li><a>menu2</a></li>
                        <li><a>menu2</a></li>
                    </ul>
                </li>
                <li class="item3">
                    <a>产品</a>
                    <ul class="menu2">
                        <li><a>menu2</a></li>
                        <li><a>menu2</a></li>
                        <li><a>menu2</a></li>
                    </ul>
                </li>
                <li class="item4">
                    <a>会员</a>
                    <ul class="menu2">
                        <li><a>menu2</a></li>
                        <li><a>menu2</a></li>
                        <li><a>menu2</a></li>
                    </ul>
                </li>
                <li class="item5">
                    <a>促销</a>
                    <ul class="menu2">
                        <li><a>menu2</a></li>
                        <li><a>menu2</a></li>
                        <li><a>menu2</a></li>
                    </ul>
                </li>
                <li class="item6">
                    <a>数据</a>
                    <ul class="menu2">
                        <li><a>menu2</a></li>
                        <li><a>menu2</a></li>
                        <li><a>menu2</a></li>
                    </ul>
                </li>
                <li class="item7">
                    <a>博客</a>
                    <ul class="menu2">
                        <li><a>menu2</a></li>
                        <li><a>menu2</a></li>
                        <li><a>menu2</a></li>
                    </ul>
                </li>
                <li class="item8">
                    <a>店铺</a>
                    <ul class="menu2">
                        <li><a>menu2</a></li>
                        <li><a>menu2</a></li>
                        <li><a>menu2</a></li>
                    </ul>
                </li>
                <li class="item9">
                    <a>设置</a>
                    <ul class="menu2">
                        <li><a>menu2</a></li>
                        <li><a>menu2</a></li>
                        <li><a>menu2</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="content-right">

        </div>
    </div>
    <script src="js/echarts.min.js"></script>
    <script src="js/common.js"></script>
</body>

</html>